<html>
  <head>
    <script src="jquery-1.4.1.min.js"></script>
    <script src="vector_battle_regular.typeface.js"></script>
    <script src="game.js"></script>
    <style>
      #canvas { border:1px solid white; top:0px; left:0px; margin-left:45px; background-color: #d4d4d4; }
      .nodisplay {display: none;}
      body{
        background-image: url("bg.jpg");
        
      }
    </style>
	<meta charset="UTF-8" />
  </head>
  <body>
    <div id="game-container">
    <table>
    <tr>
    <td style="padding:0 0 528px 20px; " >
    <div style="background-color: #d4d4d4; border:1px solid white; padding: 10px;">
      Status: <span id="status"></span><br />
      URL: <input id="url" /><br />
      <input id="open" type="button" value="Connect" />&nbsp; 
    </div>    
    </td>
    <td>
      <canvas id="canvas" width="780" height="620"></canvas><br />
    </td>
    </tr>

  </table>
  <div class="nodisplay">
    <input id="close" type="button" value="Disconnect" /><br />
      <input id="send" type="button" value="Send" />&nbsp;
      <input id="text" /><br />
      <div id="message"></div>
  </div>

	</div>
  </body>
</html>
